body{background: #fafafa}
.banner{max-width: 1920px;margin: auto;background: url(/images/other//banner_pic.png) no-repeat center center;height: 523px;text-align: center;color:#fff;padding-top:60px;}

.classifybox{padding: 14px 0;background: #fff}
.classifybox select{width: 160px;height: 26px;border: 1px solid #999}

.classify{overflow: hidden;float: left;}
.classify li{float: left;}
.classify li.active a{color: #fff;background: #f90}
.classify li a{display: block;padding:0 20px;line-height: 32px;color: #000}
h2{line-height: 30px;margin-top:40px}
.swiper-container {width: 1300px;height: 460px;}  
.maxtubox{padding: 17px 14px;width: 100%;}
.detailsul p{margin-bottom: 0}
.detailsul p img{margin-right: 5px;}
.detailsul p.mb5{margin-bottom: 5px}
.maxtu{width: 100%;height: 242px;background: url(/images/other/1.png) no-repeat center center;background-size: cover;}
.detailsul>li{width: 310px;height: 400px;background: #fff;box-shadow: 0 0 10px #eee;position: relative;}
.mintu-ul>li{width: 290px;height: 200px;cursor: pointer;}
.mintu-ul>li img{width: 100%;height: 100%;}
.userdetail{padding: 0px 10px;height:60px;vertical-align:middle}
.userdetail>div>img{margin-top:10px;}
.userdetail>div>div{margin-top:13px;}
.userdetail>div>div .username>span{padding-left:20px}
.headimg{width: 30px;height: 30px;border-radius: 50%;margin-right: 5px;}
.usertext{width: 100%;height: 45px;padding:0 10px;margin-top: 2px;margin-bottom:2px;cursor:pointer }
.usertext p{width: 100%;height: 45px;line-height: 22px;font-size: 14px;color: #222;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.swiper-containervideo p.bold{height:42px}
.text-ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 90%;display: inline-block;}
.detail-container .userdata-box .username {
    margin-right: 3px;
}

.lookico{background: url(/images/other/icon_1.png) no-repeat;display: inline-block;width: 23px;vertical-align: middle;height: 22px;background-position: -63px -41px;margin-left:10px;}
.messageico {
    background: url(/images/other/icon_1.png) no-repeat;
    display: inline-block;
    width: 23px;
    vertical-align: middle;
    height: 22px;
    background-position: -63px -66px;
}

.zanico {
    background: url(/images/other/icon_1.png) no-repeat;
    display: inline-block;
    width: 23px;
    vertical-align: middle;
    height: 22px;
    background-position: -63px -95px;
    cursor: pointer
}


.detailsulli:hover .showshare{display:block}
.showshare{display:none}
.showshare:hover .share-con{display:block}

.swiper-container-fade .swiper-slide-active{opacity:1!important}
.swiper-containerfeed {overflow: hidden;width: 310px;margin:0 auto 25px;}
.swiper-pagination-bullet-active{background:#f90!important}

.article-ico {
    background: url(/images/other/shequnico2.png) no-repeat;
    display: inline-block;
    width: 28px;
    vertical-align: middle;
}
.article-ico1{height: 20px;background-position: 0 -21px;}
.article-ico2{height: 19px;background-position: 0 -40px;}
.article-ico3{height: 17px;background-position: 0 -58px;}
.article-ico4{height: 20px;background-position: 0 -75px;}

.icoul{position: absolute;bottom: 0;left: 0;width: 100%}
.icoul li{float: left;width: 25%;border: 1px solid #eee;height: 49px;line-height: 49px;text-align: center;cursor: pointer;}
.detailsulli{float: left;margin-right:1%;margin-bottom: 20px;width: 24%;background: #fff}
.detailsulli:nth-of-type(4n){float: left;margin-right: 0px;}

.bottombox{width: 100%;height:220px;max-width: 1920px;margin: auto;height: 220px;background: #e4e4e5;position:relative}
.bottombox p{text-align: center;font-size: 28px;color: #333;margin-bottom: 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1300px}
.bot-btn{display: inline-block;font-size: 20px;width: 360px;height: 60px;line-height: 60px;text-align: center;border-radius: 6px}


.swiper-containervideo{height: 780px;position: relative;width: 1300px;overflow: hidden;}
.swiper-containervideo li{width: 310px;margin-right: 1%;float: left;position: relative;height: 375px}
.videoshare{position: absolute;right: 20px;top: 20px;color: #fff}
.swiper-containervideo li:nth-of-type(4n){float: left;margin-right: 0px;}
.swiper-containervideo img{width: 100%;height: 260px;}
.videoshare{text-align: center;display: none;}
.swiper-containervideo a img{width: 15px;height: 17px;display: block;text-align: center;margin: auto;}
.swiper-containervideo li:hover .videoshare{display: block;}
.swiper-containervideo li:hover .zezao{display: block;}
.timespan{color: #fff;position: absolute;right: 10px;top: 235px;z-index: 99}
.zezao{position: absolute;left: 0;top: 0;opacity: 0.7;display: none;cursor: pointer;}

.textdiv{position: absolute;left: 40px;top: 190px;width: 335px;height:190px;background: #fff;box-shadow: 0 0 10px #ccc;padding:40px 25px 0  }

.bottom{padding-bottom: 45px!important}
.bottom .swiper-button-prev{top: 400px!important;left: 1000px!important;background: url(/images/other//left.png) no-repeat!important;width: 80px;height: 82px;display: block;opacity:0.8}
.bottom .swiper-button-next{top: 400px!important;left: 1100px!important;background: url(/images/other//right.png) no-repeat!important;width: 80px;height: 82px;display: block;opacity:0.8}

.swiper-button-prev{background: url(/images/other//ml.png) no-repeat!important;left: -2px!important;display: none}
.swiper-button-next{background: url(/images/other//mr.png) no-repeat!important;right: -2px!important;display: none}
.swiper-containervideo li>div img{ transition: all 0.6s;}
.swiper-containervideo li>div:hover img{transform: scale(1.1);}

.detailsulli:hover .swiper-button-prev{display: block;}
.detailsulli:hover .swiper-button-next{display: block;}

.quoteul li{float:left;width:20%;color:#000;text-align:left}
.quoteul li input,.quoteul li select{border:1px solid #d7d7d7;border-radius:4px;line-height:32px;width:140px;height:32px;}
.bg_ico {
        width: 20px;
        height: 24px;
        background-position: -19px -81px!important;
        display: inline-block;
        vertical-align: middle;
        margin:0 10px;
        padding: 0;
    }
.jjbtn{display:inline-block;width:100%;height:52px;background:#f90;color:#fff;line-height:52px;border-radius:8px;font-size:18px;padding-left:15px}

.bg_ico{background: url(/images/other//jijia_ico.png) no-repeat}
.bottombg{background:url(/images/other//bottom.png) no-repeat center;height:260px;text-align:center;color:#fff;padding:30px;}
.mail_link{width:250px;height:50px;margin:30px auto;line-height:48px;font-size:20px;color:#f90;border:1px solid #fff;display:block;background:#fff;border-radius:8px}

.button-loadmore a {
    position: relative;
    clear: both;
    display: block;
    border-radius: 0;
    width: 150px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    border: none;
    overflow: hidden;
    margin: 40px auto 50px;
    color: #fff;
    background-color: #f90;
    font-size: 14px;
    font-weight: 400;
    border-radius:8px;
}
.button-loadmore a:hover {
    color: #fff;
    box-shadow: 0 7px 22px 2px rgba(71, 83, 108, .12);
}
.videbox{background: #fff;padding: 10px 0 50px}

.swiper-containervideo:hover .swiper-button-next{display:block}
.swiper-containervideo:hover .swiper-button-prev{display:block}
.wait{width: 100%;background:url(/images/other//bg2.jpg) no-repeat center top;text-align: center;padding:30px;font-size: 26px;font-weight:bold}

.userdetail p{overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
height:40px;
-webkit-box-orient: vertical;}



.maxtubox{padding: 17px 0px;width: 100%;}
.detailsul p{margin-bottom: 0}
.detailsul p img{margin-right: 5px;}
.detailsul p.mb5{margin-bottom: 5px}
.maxtu{width: 100%;height: 242px;background: url(/images/other//banner.png) no-repeat;background-size: cover;}
.feed2 .detailsul>li{width: 420px;height: 540px;background: #fff;box-shadow: 0 0 10px #eee;position: relative;}
.detailsul>li:hover{box-shadow: 0px 3px 30px rgba(0,0,0,0.2);}
.feed2 .mintu-ul{padding:0 0px 10px}
.feed2 .mintu-ul>li{width: 42px;height: 42px;margin-right: 10px;float: left;cursor: pointer;}
.feed2 .mintu-ul>li img{width: 42px;height: 42px;border:1px solid #ccc}

.mintu-ul li.swiper-slide img{width: 100%;height: 200px}
.swiper-containerfeed .mintu-ul{height: 200px}

.feedbacklist{padding-top: 50px}
.feedbacklist>li{padding: 30px 20px;background: #fff;width: 310px;margin-right: 20px;margin-bottom:20px }
.feedbacklist>li:hover{box-shadow: 0 0 10px #ccc}
.feedbacklist>li:nth-of-type(4n){margin-right: 0px;}

@media (min-width: 1200px){
	.container {
    width: 1300px;
    padding:0
	}
}


@media (max-width: 1300px) and (min-width: 992px){
	.container {
    width: 990px;
	}
	.feedbacklist>li:nth-of-type(3n){margin-right: 20px;}
}

@media (max-width: 992px){
	.feedbacklist>li,.feedbacklist>li:nth-of-type(3n){
		margin:20px auto;
		height: 520px;
    	float: inherit;}
    .banner,.videbox,.lunbotbox{display:none}
    .detailsul>li{float:inherit;margin:auto}
    .detailsulli:nth-of-type(4n){float:inherit;margin:auto}
}